/*************************
*******Main Slider******
**************************/

*{ padding:0; margin:0;}
#home{
  padding: 0;
  overflow: hidden;
}

#home-carousel .carousel-inner .item { background-position: center top; background-size:cover;
}

#home-carousel .slider-content {
  height: 100%;
}

#home-carousel .carousel-caption {
  left: 0;
  top: 0;
  z-index: 11;
  text-align: left;
}

.carousel-caption > div {
  background-color: rgba(15,116,143,0.8);
  padding: 60px 50px 80px 14%;
  position: absolute;
  top: 25%;
  width: 30%;
}

#home-carousel .carousel-inner h2 {
  color: #ffffff;
  font-size: 30px;
  line-height: 50px;
  margin-bottom:14px;
  text-shadow: none;
  text-transform: uppercase;
}

.yulan{ border:#FFFFFF solid 1px; color:#FFFFFF; padding:5px; text-decoration:none; margin-top:20px; display:block; width:120px; text-align:center}
.yulan:hover{ background-color:#FF0000}
#home-carousel .carousel-inner p {
  color: #FFFFFF;
  line-height: 20px;
  font-size: 12px;
  margin-top: 0;
  text-shadow:none;
}

#nav-arrows > a {
  color: #fff;
  display: block;
  height: 60px;
  line-height: 76px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 60px;
  z-index: 20;
  margin-top: -30px;

    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

#nav-arrows > a.sl-prev {
    left: 50px; background:url(../img/jt1.png) center center;
}

#nav-arrows > a.sl-next {
    right: 50px;background:url(../img/jt2.png) center center;
}



.carousel-indicators .active {
  background-color: #00c7fc;
  border: 0;
}

.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}
.carousel-inner>.item.next,.carousel-inner>.item.active.right{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.carousel-inner>.item.prev,.carousel-inner>.item.active.left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}


.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}


/*手机*/
@media screen and (max-width: 768px) {
.carousel-caption > div{ width:100%; height:100%; padding:20% 20px; top:0; box-sizing:border-box;}
#nav-arrows > a{ top:70%; width:30px; height:30px; background-size:cover;}
#nav-arrows > a.sl-prev{ left:100px;}
#nav-arrows > a.sl-next{right:100px;}
}